<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>系统登录</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="shortcut icon" href="${ctx}/favicon.ico"/>
	<link href="${ctx}/resources/BJUI/themes/css/bootstrap.min.css" rel="stylesheet">
	<style type="text/css">
	* {font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;}
	body {
	    background: url(${ctx}/resources/images/login/loginbg_01.jpg) no-repeat center center fixed;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	a:link {color: #285e8e;}
	.main_box {
	    position: absolute; top:50%; left:50%; margin-top:-260px; margin-left: -300px; padding: 30px; width:600px; height:460px;
	    background: #FAFAFA; background: rgba(255,255,255,0.5); border: 1px #DDD solid;
	    border-radius: 5px;
	    -webkit-box-shadow: 1px 5px 8px #888888; -moz-box-shadow: 1px 5px 8px #888888; box-shadow: 1px 5px 8px #888888;
	}
	.main_box .setting {position: absolute; top: 5px; right: 10px; width: 10px; height: 10px;}
	.main_box .setting a {color: #FF6600;}
	.main_box .setting a:hover {color: #555;}
	.login_logo {margin:10px 0 5px 50px; height: 40px; text-align: center;}
	.login_logo img {margin-left:50px; height: auto;float:left;}
	.login_logo h1 {margin:10px; font-size:16px;float:left;font-weight:bold;line-height:18px}
	.login_msg {text-align: center; font-size: 16px;}
	.login_form {padding-top: 20px; font-size: 16px;}
	.login_box .form-control {display: inline-block; *display: inline; zoom: 1; width: auto; font-size: 18px;}
	.login_box .form-control.x319 {width: 319px;}
	.login_box .form-control.x164 {width: 164px;}
	.login_box .form-group {margin-bottom: 20px;}
	.login_box .form-group label.t {width: 120px; text-align: right; cursor: pointer;}
	.login_box .form-group.space {padding-top: 15px; border-top: 1px #FFF dotted;}
	.login_box .form-group img {margin-top: 1px; height: 32px; vertical-align: top;}
	.login_box .m {cursor: pointer;}
	.bottom {text-align: center; font-size: 12px;}
	</style>
  </head>
  
  <body>
    <!--[if lte IE 7]>
	<style type="text/css">
	#errorie {position: fixed; top: 0; z-index: 100000; height: 30px; background: #FCF8E3;}
	#errorie div {width: 900px; margin: 0 auto; line-height: 30px; color: orange; font-size: 14px; text-align: center;}
	#errorie div a {color: #459f79;font-size: 14px;}
	#errorie div a:hover {text-decoration: underline;}
	</style>
	<div id="errorie"><div>您还在使用老掉牙的IE，请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
	<![endif]-->
	<div class="main_box">
	    <div class="setting"><a href="javascript:;" onclick="choose_bg();" title="更换背景"><span class="glyphicon glyphicon-th-large"></span></a></div>
		<div class="login_box">
	        <div class="login_logo" style="margin-left: 35%">
	            <%-- <img src="${ctx}/resources/images/login/logo.png" > --%> <h1>直拼机后台管理系统</h1>
	        </div>
	        <!-- 
	        <div class="login_msg">
	      		<font id="login_msg" color="red"></font>
	    	</div>
	    	 -->
	        <div class="login_form">
	            <input id="j_randomKey" name="randomKey" type="hidden" value="${randomKey}" />
	    		<form id="login_form" action="${ctx}/sys/sysUserAction/login" method="post">
	    			<input name="userKey" type="hidden" id="userKey" value="D1B5CC2FE46C4CC983C073BCA897935608D926CD32992B5900" />
	                <input type="hidden" name="jfinal_token" value="${jfinal_token }" />
	    			<div class="form-group">
	    				<label for="j_username" class="t">用户名：</label> <input id="j_username" value="" name="userName" type="text" class="form-control x319 in" autocomplete="off">
	    			</div>
	    			<div class="form-group">
	    				<label for="j_password" class="t">密　码：</label> <input id="j_password" value="" name="password" type="password" class="form-control x319 in">
	    			</div>
	    			<div class="form-group">
	    				<label for="j_captcha" class="t">验证码：</label> <input id="j_captcha" name="captcha" type="text" class="form-control x164 in" autocomplete="off">
	    				<img id="captcha_img" alt="点击更换" title="点击更换" src="Kaptcha.jpg" class="m">
	    			</div>
	    			<div class="form-group">
	                    <label class="t"></label>
	                    <label for="j_remember" class="m"><input id="j_remember" name="rememberMe" type="checkbox" value="true">&nbsp;记住登陆账号!&nbsp;</label>
	                    <font id="login_msg" color="red"></font>
	    			</div>
	    			<div class="form-group space">
	                    <label class="t"></label>　　　
	    				<input id="login_ok" type="submit" value="&nbsp;登&nbsp;录&nbsp;" class="btn btn-primary btn-lg">&nbsp;&nbsp;&nbsp;&nbsp;
	    				<input id="login_reset" type="reset" value="&nbsp;重&nbsp;置&nbsp;" class="btn btn-default btn-lg">
	    			</div>
	    		</form>
	        </div>
		</div>
		<div class="bottom">Copyright &copy; 2016 - 2020 <a href="http://www.insminer.com">青岛直拼机网络科技有限公司 </a></div>
	</div>	
    
    <script src="${ctx}/resources/BJUI/js/jquery-1.7.2.min.js"></script>
	<script src="${ctx}/resources/BJUI/js/jquery.cookie.js"></script>
	<script src="${ctx}/resources/js/sha256.js"></script>
	<script type="text/javascript">
	var COOKIE_NAME = 'sys__username';
	$(function() {
	    choose_bg();
		changeCode();
		if ($.cookie(COOKIE_NAME)){
		    $("#j_username").val($.cookie(COOKIE_NAME));
		    $("#j_password").focus();
		    $("#j_remember").attr('checked', true);
		} else {
			$("#j_username").focus();
		}
		$("#captcha_img").click(function(){
			changeCode();
		});
		$("#login_form").submit(function(){
			//alert('1');
			var issubmit = true;
			var i_index  = 0;
			$(this).find('.in').each(function(i){
				if ($.trim($(this).val()).length == 0) {
					$(this).css('border', '1px #ff0000 solid');
					issubmit = false;
					if (i_index == 0)
						i_index  = i;
				}
			});
			if (!issubmit) {
				$(this).find('.in').eq(i_index).focus();
				return false;
			}
			var $remember = $("#j_remember");
			if ($remember.attr('checked')) {
				$.cookie(COOKIE_NAME, $("#j_username").val(), { path: '/', expires: 15 });
			} else {
				$.cookie(COOKIE_NAME, null, { path: '/' });  //删除cookie
			}
			$("#login_ok").attr("disabled", true).val('登陆中..');
			//var password = HMAC_SHA256_MAC($("#j_username").val(), $("#j_password").val());
			//$("#j_password").val(HMAC_SHA256_MAC($("#j_randomKey").val(), password));
	        //window.location.href = 'index.html'; /*注意：生产环境时请删除此行*/
	        
	        var actionurl = $("#login_form").attr("action");	//提交路径
	        var formData = new Object();
	        var data = $(":input").each(function() { formData[this.name] = $(this).val(); });
	        $.ajax({
	        	async : true,
	        	cache : false,
	        	type : 'POST',
	        	url : actionurl,
	        	data : formData,
	        	success : function(data) {
	        		if (data.status) {
	        			$("#login_msg").text("登录成功!");
	        			window.location.href = "index.jsp";
	        		}
	        		else {
	        			if("repeatLogin"==data.messsage){
	        				window.location.href = "index.jsp";	
	        			}else{
		        			$("#login_ok").removeAttr("disabled").val(' 登 录 ');
		        			$("#login_msg").text(data.message);
	        			}
	        		}
	        	},
	        	error : function(err) {
	        		//请求失败处理函数
	        		$("#login_msg").text("Ajax请求错误：" + err);
	        	}
	        });
	        //return true;
	        return false;
		});
		$("#login_reset").click(function(){ 
			$("#login_msg").text("");
			$("#login_ok").removeAttr("disabled").val(' 登 录 ');
		});
	});
	function genTimestamp(){
		var time = new Date();
		return time.getTime();
	}
	function changeCode(){
		var src="${ctx}/Kaptcha.jpg?t="+genTimestamp();
		$("#captcha_img").attr("src", src);
	}
	function choose_bg() {
		var bg = Math.floor(Math.random() * 9 + 1);
		$('body').css('background-image', 'url(${ctx}/resources/images/login/loginbg_0'+ bg +'.jpg)');
	}
	</script>
  </body>
</html>
